<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>首页</title>
		<link rel="stylesheet" href="../libs/mui/mui.css"/>		
		<link rel="stylesheet" href="../libs/iconfont/fonts/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/main.css"/>
		<style>			
			.mui-content{font-size: 16px;}
			/*轮播*/
			.mui-slider .mui-slider-group .mui-slider-item img{height: 190px;overflow: hidden;}
			.mui-slider-indicator{text-align: right;width: 95%;}
			.mui-slider-indicator .mui-indicator{width: 10px;height: 10px;margin: 1px 2px;box-shadow: none;background: white;}
			.mui-slider-indicator .mui-active.mui-indicator {background: #CCCCCC; box-shadow:none;}
			/*分類*/
			.classify{width: 25%;text-align: center;float: left;overflow: hidden;padding: 11px 0;line-height: 30px;}
			.classify span{display: block;color: black;}
			.classify i{font-size: 2.7em;}
			/*商品*/
			.shoping {display: inline-block;}
			.shoping ul{width: 50%;float: left;border-left: 1px solid #efeff4;}
			.shoping>.mui-table-view img{border-radius: 100px;}					
			/*猜你喜欢的*/
			.Hot_commodity{background: white;}
			.MY_love{text-align: center;color: red;font-size: 16px;margin-bottom: 5px;}
			.MY_love i{font-size: 1.3em;}
			.Hot{padding: 11px 15px;border-bottom: 1px solid #eee;}
			.home_top{width: 30%;}			
			.frien_bq{width: 70%;}
			.frien_img img{border-radius: 0px;}	
			.frien_bq b{color: red;display: block;margin-top: 20px;}		    	
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">			
			<h1 class="mui-title" onclick="openNewPage('Search_school.html')">
				<span class="store_title"></span><span class="mui-icon mui-icon-arrowdown"></span>
			</h1>
			<!--注：搜索有商品跟学校-->
			<a class="mui-icon iconfont mui-pull-right" onclick="openNewPage('Search_goods.html')">&#xe606;</a>		
		</header>		
		<div class="mui-content">
			<div id="slider" class="mui-slider shuffling">
				<div class="mui-slider-group mui-slider-loop">
					<div class="mui-slider-item mui-slider-item-duplicate">
						<a href="#">
							<img src="../public/img/pic_img.jpg">
						</a>
					</div>
					<div class="mui-slider-item">
						<a href="#">
							<img src="../public/img/pic_img.jpg">
						</a>
					</div>
					<div class="mui-slider-item">
						<a href="#">
							<img src="../public/img/pic_img.jpg">
						</a>
					</div>
					<div class="mui-slider-item">
						<a href="#">
							<img src="../public/img/pic_img.jpg">
						</a>
					</div>
					<div class="mui-slider-item">
						<a href="#">
							<img src="../public/img/pic_img.jpg">
						</a>
					</div>
					<div class="mui-slider-item">
						<a href="#">
							<img src="../public/img/pic_img.jpg">
						</a>
					</div>
				</div>
				<div class="mui-slider-indicator">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>
			<div class="home-centent">				
				<ul class="mui-table-view">
					<!--对应头部字段-->
					<li class="mui-table-view-cell navigation">
						<div class="classify class_type" data-id="">
							<i class="iconfont ify5">&#xe6fc;</i>
							<span></span>
						</div> 
						<div class="classify class_type" data-id="">
							<i class="iconfont ify7">&#xe6fe;</i>
							<span></span>
						</div>
						<div class="classify class_type" data-id="">
							<i class="iconfont ify1">&#xe701;</i>
							<span></span>
						</div>
						<div class="classify class_type" data-id="">
							<i class="iconfont ify9">&#xe6ff;</i>
							<span></span>
						</div>
						<div class="classify class_type1" data-id="">
							<i class="iconfont ify7">&#xe702;</i>
							<span></span>
						</div>
						<div class="classify class_type2" data-id="">
							<i class="iconfont ify6">&#xe704;</i>
							<span></span>
						</div> 
						<div class="classify class_type3" data-id="">
							<i class="iconfont ify5">&#xe6fd;</i>
							<span></span>
						</div>
						<div class="classify class_type4" data-id="">
							<i class="iconfont ify9">&#xe703;</i>
							<span></span>
						</div>
					</li>
				</ul>
			</div> 
			<div class="shoping">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media">
						<a class="Special" data-id="">
							<img class="mui-media-object mui-pull-right" src="../public/img/1.jpg">
							<div class="mui-media-body">								
								<b class="ify7 types"></b>
								<p class='mui-ellipsis'>超值5折抢</p>
							</div>
						</a>
					</li>
				</ul>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media">
						<a onclick="openNewPage('Campus.html')">
							<img class="mui-media-object mui-pull-right" src="../public/img/2.jpg">
							<div class="mui-media-body">
								<b class="ify1">校园帮</b>
								<p class='mui-ellipsis'>互助平台</p>
							</div>
						</a>
					</li>
				</ul>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media">
						<a class="class_type" data-id="1058" data-store_id="1">
							<img class="mui-media-object mui-pull-right" src="../public/img/3.jpg">
							<div class="mui-media-body">								
								<b class="ify5">手机配件</b>
								<p class='mui-ellipsis'>推荐位置</p>
							</div>
						</a>
					</li>
				</ul>
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media">
						<a class="class_type" data-id="1064" data-store_id="1">
							<img class="mui-media-object mui-pull-right" src="../public/img/4.jpg">
							<div class="mui-media-body">								
								<b class="ify6">电脑外设</b>
								<p class='mui-ellipsis'>推荐位置</p>
							</div>
						</a>
					</li>
				</ul>
				<ul class="mui-table-view recommend">
					<li class="mui-table-view-cell mui-media">
						<!--<a onclick="openNewPage('goods_details.html')">-->
							<img class="mui-media-object mui-pull-right comment_pic" src="../public/img/5.jpg">
							<div class="mui-media-body">								
								<b class="ify3 ify_type">推荐位</b>
								<p class='mui-ellipsis ify_name'>推荐位置</p>
							</div>
						<!--</a>-->
					</li>
				</ul>
				<ul class="mui-table-view recommend">
					<li class="mui-table-view-cell mui-media">
						<!--<a onclick="openNewPage('goods_details.html')">-->
							<img class="mui-media-object mui-pull-right comment_pic" src="../public/img/6.jpg">
							<div class="mui-media-body">								
								<b class="ify9 ify_type">推荐位</b>
								<p class='mui-ellipsis ify_name'>推荐位置</p>
							</div>
						<!--</a>-->
					</li>
				</ul>
			</div>
			<div class="Hot_commodity">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell MY_love">
						<i class="iconfont">&#xe605;</i>
						<span>猜你喜欢的</span>
					</li>
				</ul> 
				<div class="guess_like">
					<!--<div class="Hot frien_img">					
						<div class="home_top">
							<img src="../public/img/7.jpg"/>
						</div>
						<div class="frien_bq">																				
							<div class="mui-ellipsis-2">三星 SAMSUNG 曲面电视 UA65JU6800JXXZ 65英寸 超高清4K</div>															
							<b class="red">￥25.00</b>													
						</div>					
					</div>	
					<div class="Hot frien_img">					
						<div class="home_top">
							<img src="../public/img/8.jpg"/>
						</div>
						<div class="frien_bq">																				
							<div class="mui-ellipsis-2">梵克雅宝VCA幸运四叶草系列女士Vi ntage Alhambra戒指</div>															
							<b class="red">￥25.00</b>												
						</div>					
					</div>
					<div class="Hot frien_img">					
						<div class="home_top">
							<img src="../public/img/9.jpg"/>
						</div>
						<div class="frien_bq">																				
							<div class="mui-ellipsis-2">苹果（Apple）iPhone7 Plus 256G  4G手机 颜色随机</div>															
							<b>￥25.00</b>												
						</div>					
					</div>-->
				</div>
			</div>	
		</div>	
	</body>
	<script type="text/javascript" src="../js/open.js"></script>
	<script type="text/javascript" src="../libs/mui/mui.js"></script>
	<script type="text/javascript" src="../libs/jquery/jquery.js"></script>
	<script type="text/javascript" src="../js/web_js/public.js"></script>
	<script type="text/javascript" src="../js/web_js/index.js"></script>
	
	<script>
		//nav自动时间控制
		gallery = mui('.shuffling');
			gallery.slider({
				interval:3000//自动轮播周期，若为0则不自动播放，默认为0；
		});
//		//跳转
//		$(".Hot").on('tap',function(){
//			console.log(1);
//			openNewPage('goods_details.html');
//		})
	</script>
</html>